<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>羽球名将 - 羽毛球世界</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header>
        <h1>🏸 羽坛巨星</h1>
        <marquee class="subtitle">认识羽毛球传奇运动员</marquee>
    </header>

    <!-- 相同导航栏 -->
    <nav>
        <ul>
            <li><a href="index.html">首页</a></li>
            <li><a href="history.html">羽球历史</a></li>
            <li><a href="players.html">羽球名将</a></li>
            <li><a href="game.html">羽球小游戏</a></li>
        </ul>
    </nav>

    <main>
        <section class="players-gallery">
            <h2>🌟 羽坛传奇双子星</h2>
            <div class="players-grid">
                <!-- 林丹 -->
                <div class="player-card">
                    <img src="/picture/林丹.jpg" alt="林丹" class="player-photo">
                    <div class="player-info">
                        <h3>林丹（超级丹）<span class="nation">🇨🇳</span></h3>
                        <div class="player-stats">
                            <p>🏆 双圈全满贯历史第一人</p>
                            <ul>
                                <li>2届奥运会男单金牌（2008北京、2012伦敦）</li>
                                <li>5届世锦赛冠军（2006、2007、2009、2011、2013）</li>
                                <li>6次全英赛冠军</li>
                                <li>世界排名第一连续199周</li>
                            </ul>
                        </div>
                        <div class="rivalry-highlight">
                            <h4>经典战役</h4>
                            <p>2011世锦赛决赛 VS 李宗伟 
                                <a href="https://www.youtube.com/watch?v=example" target="_blank">观看录像</a>
                            </p>
                            <p class="match-stats">决胜局22-20惊险夺冠</p>
                        </div>
                        <div class="play-style">
                            <span class="style-tag">暴力扣杀</span>
                            <span class="style-tag">鱼跃救球</span>
                            <span class="style-tag">变速突击</span>
                        </div>
                    </div>
                </div>

                <!-- 李宗伟 -->
                <div class="player-card">
                    <img src="/picture/李宗伟.jpg" alt="李宗伟" class="player-photo">
                    <div class="player-info">
                        <h3>李宗伟（拿督）<span class="nation">🇲🇾</span></h3>
                        <div class="player-stats">
                            <p>🏆 超级赛之王</p>
                            <ul>
                                <li>连续349周世界排名第一</li>
                                <li>47个超级赛冠军历史第一</li>
                                <li>3届奥运会银牌（2008、2012、2016）</li>
                                <li>4届全英赛冠军</li>
                            </ul>
                        </div>
                        <div class="rivalry-highlight">
                            <h4>经典战役</h4>
                            <p>2016奥运半决赛 VS 林丹 
                                <a href="https://www.youtube.com/watch?v=example2" target="_blank">观看录像</a>
                            </p>
                            <p class="match-stats">耗时79分钟决胜局22-20</p>
                        </div>
                        <div class="play-style">
                            <span class="style-tag">闪电步伐</span>
                            <span class="style-tag">精准控网</span>
                            <span class="style-tag">反手绝杀</span>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 交手数据 -->
            <div class="head-to-head">
                <h3>🏸 林李大战（2004-2018）</h3>
                <div class="h2h-stats">
                    <div class="stat-item">
                        <span class="stat-number">40</span>
                        <span class="stat-label">次交手</span>
                    </div>
                    <div class="stat-item">
                        <span class="stat-number">28</span>
                        <span class="stat-label">林丹胜</span>
                    </div>
                    <div class="stat-item">
                        <span class="stat-number">12</span>
                        <span class="stat-label">李宗伟胜</span>
                    </div>
                </div>
                <p class="quote">"他是我最伟大的对手，没有李宗伟就没有林丹" —— 林丹</p>
            </div>
        </section>
    </main>

    <footer>
        <p>© 2025 羽毛球世界 
            <a href="#privacy">隐私政策</a> | 
            <a href="#contact">联系我们</a>
        </p>
    </footer>
</html>